---
import Layout from './layouts/Layout.astro'
import { Image } from 'astro:assets'
import bg from '/public/indexBg.png'
import ModuleTitle from './components/ModuleTitle.astro'
import Technology from './components/Technology.astro'
import Cores from './components/Cores.astro'
import Services from './components/Services.astro'
import News from './components/News.vue'
import Project from './components/Project.vue'

---

<Layout title="Shanghai Jiangtong Technology" active="1">
  <main>
    <Image src={bg} alt="background image" />
    <div class="w-full">
      <div
        class="w-full flex items-center px-[10%] py-[60px] bg-white"
      >
        <div class="h-full w-[50%]">
          <ModuleTitle english="Introduce of Jiangtong" />
          <video
            autoplay="autoplay"
            muted
            loop="loop"
            width="100%"
            id="video"
            class="mt-12"
          >
            <source
              src="https://jungt-website.oss-cn-shanghai.aliyuncs.com/images/3d800667944a60e52a85768559fe4ca8_raw.mp4"
              type="video/mp4"
            />
          </video>
        </div>
        <div
          class="h-full w-[50%] border-t-[5px] border-[#294dce] pl-[40px] pt-[30px]"
        >
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            Shanghai Jiangtong
          </div>
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            Technology Co., Ltd
          </div>
          <p
            style="line-height: 30px"
            class="mt-[16px] text-[#333] font-[400]"
          >
            Shanghai Jiangtong technology co., ltd, as a high-tech enterprise, holds the second grade qualification of professional contracting of electronic and intelligentization engineering, and is also the internship base of graduates from East China Normal University, more than half of the staff have the professional qualification certificate of Artificial Intelligence. Frontier Technology focuses on digital scene landing services, hoping to revolutionize the traditional management mode through AI technology and realize the leap from manual management to intelligent management.
          </p>
          <p
            style="line-height: 30px"
            class="mt-[18px] text-[#333] font-[400]"
          >
            The core strategy of Jiangtong Technology lies in the integration of OT technology, advanced algorithmic models and innovative XR (Extended Reality) graphic display means to successfully build an integrated IT/OT/XR solution. This solution aims to eliminate information silos, promote efficient synergies between different technical levels, especially to realize seamless system integration on low-code platforms, reduce the threshold of complex technologies, enhance efficient innovation and realize digital scenarios on the ground for enterprises.
          </p>
          <div class="mt-[25px] h-[100px] flex justify-between">
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] mx-auto">200</span>
              <div class="text-[16px] text-[#999] font-[400] ">Cities Coverage</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] px-auto">15</span>
              <div class="text-[16px] text-[#999] font-[400]">In-house Products</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700]">30</span>
              <div class="text-[16px] text-[#999] font-[400]">Partner Companies</div>
            </div>
          </div>
        </div>
      </div>
      <Technology />
      <Cores />
      <Services />
      <Project client:idle />
      <News client:idle />
    </div>
  </main>
</Layout>

<style></style>
